/**
 * Created by whw-apple on 2017/9/22.
 */
//声明系统提示弹窗
function alert_tip(title,cont){
    var alert_html = '<div class="alert show">' +
            '<div class="alert_head"><i class="fa fa-exclamation-circle"></i> 系统提示：' + 
title + '</div>' +
            '<div class="alert_content">'  + cont + '</div>' +
            '<div class="alert_foot">' +
            '<button type="button" class="btn btn_prime">确定</button>' +
            '<button type="button" class="btn btn_default">取消</button>' +
            '</div>' +
            '</div>';

    $("body",window.parent.document).find(".mask").show().after(alert_html).find(".alert:not(:last-child)").remove();
    $(".btn_default",window.parent.document).click(function(){
        $(".mask",window.parent.document).hide();
        $(".alert",window.parent.document).remove();
    });
    $(".btn_prime",window.parent.document).click(function(){
        $(".mask",window.parent.document).hide();
        $(".alert",window.parent.document).remove();
    });
}
function popup_show(obj,name,alertOpen,alertCont,cName){
    $("body",window.parent.document).addClass("no_scroll");
    var c_html = $.trim($("#" + obj).html());
    // $(".body",window.parent.document).find("popup");
    $(".popup_content",window.parent.document).html(c_html);
    $(".popup_head",window.parent.document).html(name);
    $(".popup",window.parent.document).css('display','block').addClass(cName);
    $(".mask",window.parent.document).css('display','block');
    tabs(".tabs_main",window.parent.document);
    $(".popup_close,.btn_default",window.parent.document).click(function(){
        $(".mask",window.parent.document).hide();
        $(".popup",window.parent.document).css('display','none').removeClass(cName);
        $("body",window.parent.document).removeClass("no_scroll");
    });
    $(".btn_prime",window.parent.document).click(function(){
        $(".mask",window.parent.document).hide();
        $(".popup",window.parent.document).css('display','none').removeClass(cName);
        $("body",window.parent.document).removeClass("no_scroll");
        if (alertOpen == "yes"){
            alert_tip("",alertCont);
        }
    });
    //所有页面的导出功能
    $('.export_btn,.export',window.parent.document).click(function(){
        var alert_html = '<div class="alert show">' + '<div class="alert_head"><i class="fa fa-exclamation-circle"></i> 系统提示</div>' + '<div class="alert_content"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Loading...</span> 正在导出</div>' + '<div class="alert_foot">' +'</div>' +'</div>';
        // $("body").find(".mask").show().after(alert_html).find(".alert:not(:last-child)").remove();
        $("body",window.parent.document).find(".mask").after(alert_html).find(".alert:not(:last-child)").remove();
        setTimeout(function(){
            $("body .mask",window.parent.document).hide();
            $("body .alert",window.parent.document).remove();
            $("body .popup",window.parent.document).hide();
        },2000)
    });
}
function tabs(tabarea){
    $(tabarea + " .tab_list .tab").each(function(){
        $(this).click(function(){
            $(this).addClass("active").siblings().removeClass("active");
            var c_name = $(this).attr("id");
            $(tabarea + " .tab_div." + c_name).show().siblings(".tab_div").hide();
        });
    });
}

$(function () {

    //表格下分页，为了快捷，直接用js渲染DOM
    var p_html = '<div class="paginate">' +
        '<div class="l_cont">已选<span class="red_num">4</span>条数据</div>' +
        '<div class="c_cont">' +
        '<ul>' +
        '<li class="first"><i class="fa fa-backward"></i></li>' +
        '<li class="prev"><i class="fa fa-caret-left"></i> </li>' +
        '<li>页码 <input type="text" class="goto" value="1"> </li>' +
        '<li>5</li>' +
        '<li class="next"><i class="fa fa-caret-right"></i> </li>' +
        '<li class="last"><i class="fa fa-forward"></i> </li>' +
        '<li>单页显示' +
        '<select>' +
        '<option value="10">10</option>' +
        '<option value="20">20</option>' +
        '<option value="30">30</option>' +
        '</select>' +
        '</li>' +
        '</ul>' +
        '</div>' +
        '<div class="r_cont">共<span class="red_num">8</span>条数据 </div>' +
        '</div>';
    //$(".tab_cont").append(p_html);
    var style_name = "/Content/css/" + window.localStorage.getItem("theme_name") + ".css";
    if (window.localStorage.getItem("theme_name") == null || window.localStorage.getItem("theme_name") == "") {
        window.localStorage.setItem("theme_name", "theme_gray");
    } else {
        $("#change_style").attr("href", style_name);
    }

    //列表导出功能
    //$('.export_btn').click(function(){
    //    layer.msg('正在导出', {
    //        icon: 16
    //        ,time:'1000'
    //        ,offset:'t'
    //        ,end:function(){
    //            layer.msg('导出成功！',{icon:1,time:'1000',offset:"t"});
    //        }
    //    });
    //});

    $(".refresh_btn").click(function () {
        window.location.reload();
    });
    $(".tree li a").click(function () {
        $(this).parents(".tree").find("a").removeClass("active");
        $(this).addClass("active");
    });

    //表格头部排序功能
    //$("body").find("table thead tr:first-child th:not(:first-child)").append("<i class='fa fa-sort'></i>");
    //$(document).on('click', 'thead tr:first-child th', function() {
    //    var table = $(this).parents('table').eq(0);
    //    var rows;
    //    if (table.find("thead tr").length > 1){
    //        rows = table.find('tr:gt(1)').toArray().sort(comparer($(this).index()));
    //    }else{
    //        rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()));
    //    }
    //    this.asc = !this.asc;
    //    if (!this.asc) {
    //        rows = rows.reverse();
    //    }
    //    table.children('tbody').empty().html(rows);
    //});

    function comparer(index) {
        return function (a, b) {
            var valA = getCellValue(a, index),
                valB = getCellValue(b, index);
            return $.isNumeric(valA) && $.isNumeric(valB) ?
            valA - valB : valA.localeCompare(valB);
        };
    }

    function getCellValue(row, index) {
        return $(row).children('td').eq(index).text();
    }
    //全选，取消全选
    $("input[name=check_all]").change(function () {
        var is_checked = $(this).prop('checked');
        if (is_checked == true) {
            $(this).parents("table").find("input[type=checkbox][name=check_this]").prop("checked", true);
        } else {
            $(this).parents("table").find("input[type=checkbox][name=check_this]").prop("checked", false);
        }
    });
    //$("input[name=check_all]").change(function () {
    //    var is_checked = $(this).prop('checked');
    //    console.log(is_checked);
    //    if (is_checked == true) {
    //        $(this).parents("table").find("input[type=checkbox][name=check_this]").prop("checked", true);
    //    } else {
    //        $(this).parents("table").find("input[type=checkbox][name=check_this]").prop("checked", false);
    //    }
    //});
});
